html{
  width: 100%;
  height: 100%;
  font-size: 14px;
}
body {
  height: 100%;
  width: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Microsoft YaHei,"微软雅黑", PingFang SC, Helvetica Neue, Helvetica, Hiragino Sans GB, Arial,"Hiragino Sans GB", sans-serif;
  background-color: #F5F5F7;
  line-height: 1.5;
}
input:-webkit-autofill{
  -webkit-text-fill-color: #555 !important;
  -webkit-box-shadow: none !important;
  background-color:transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s;
}
label {
  font-weight: 700;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
ul{
  list-style-type: none;
}
h1,h2,h3,h4,h5,h6, p{
  margin: 0;
  padding: 0;
}
.clear::after{
  content: '';
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
.full{
  width: 100%;
  height: 100%;
}
.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

div.el-input > .el-input__inner[readonly]{
  background: #f5f5f5;
}
div.el-select{
  div.el-input > .el-input__inner[readonly]{
    background: #fff;
  }
}

.input-with-select{
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  .el-input__inner{
    border: none;
  }
  .el-input-group__prepend{
    border: none;
    border-right: 1px solid #DCDFE6;
  }
  .el-input__inner[readonly] {
    border: none;
    border-right: 1px solid #DCDFE6;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ddd !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ddd !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ddd !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ddd !important;
}
